<template>
  <div class="g-relative v-graph-content">
    <m-top-bar :graphContent="graphContent"/>
    <div class="g-flex">
      <m-sider-bar class="g-flex-0"/>
      <m-graph class="g-flex-1"/>
    </div>
    <m-pop-menu v-bind="propertyBarData" @click-btn="handlePropertyClick" />
    <m-outline :graph="graph" />
  </div>
</template>
<script>
/* eslint-disable no-unused-vars */

import Outline from "./comps/outline/outline";
import PopMenu from "./comps/popMenu/popMenu";
import TopBar from "./comps/topBar/topBar";
import SiderBar from "./comps/siderBar/siderBar";
import GraphC from "./comps/graph/graph";

export default {
  name: "comp-",
  components: {
    "m-pop-menu": PopMenu,
    "m-outline": Outline,
    'm-top-bar': TopBar,
    'm-sider-bar': SiderBar,
    'm-graph': GraphC
  },
  data() {
    return {
      
    };
  },
  mounted() {
    //// this.initGraph();
    //// this.addListener();
    
  },
  methods: {
    
  }
};
</script>
<style lang="scss">
.v-graph-content {

}
</style>